<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=., initial-scale=1.0">
    <title>iu简介</title>

    <style>
        h1 {
            color: rgb(150, 179, 219);
        }

        span {
            color: #777C89;
        }

        .one {
            font-size: 10px;
            color: green;
        }

        #two {
            color: red;
        }

        a {
            color: #000;
            text-decoration: none;
            /* 文本装饰 */
        }

        #three {
            color: palevioletred;
        }

      
        
        p{
          text-indent: 50px;  /* 首行缩进 */
            line-height: 30px;
        }
        #last{
            text-align:right;
            color: slategray;
        }

        #tu{
            width: 300px;
            height: 500px;
        }
        #pian{height: 300px;}
        video{
            width: 500px;
        }
        #center{
            width: 50%;
            box-sizing: border-box;
            margin: 0 auto;
        }
    </style>
</head>

<body><div id="center">
    <!-- <img src="./img/iu.jpg"> -->
    <h1> iu最美</h1>
    <hr>
    <span class="one" id="two">2024年七月八号</span> <a
        href="https://baike.baidu.com/link?url=iA15ZmGSncY0h6aIOyO2bElstWCON1Wo7yl1Dfha7yvMMcP3poXRKMrVFnNZR-Z6OsH9lQAEhDK7qJX2Hk8w2_1_ihq-1hJbIDB_MDSoCea"
        target="_blank">iu</a>
    <a href="https://www.bilibili.com/" id="three" target="_blank">bibi</a>
    <hr>
    <img src=".\img\iu.jpg" id="tu">
    <img src="./img/two.jpg" id="tu">
    <img src="https://img10.360buyimg.com/img/jfs/t1/192028/25/33459/5661/63fc2af2F1f6ae1b6/d0e4fdc2f126cbf5.png">


    <video src="./video/剑魔五杀.webm" controls ></video>
    <p><b>衣服介绍:</b>本商品支持10天价保，付款成功至订单签收后10天内，
        唯品会的售卖价格发生降价可以申请价格保护。发起申请时，
        以商品页面显示的最新购买价格，<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;若与用户订单的实际支付金额进行比对。*商品无货等场景不支持价保，点击查看完整价保规则。</p>
    <p>经典条纹衬衫男长袖纯棉衬衫休闲衬衫男士衬衣男长袖衬衫男士衬衫</p>
<img src="./img/five.jpg" id="pian">
    
    
    <p>软壳衣秋冬季男式夹克连帽加绒夹克防水保暖防风</p>
    <p id="last">责任人:小王</p>
    </div>
    </body>
 
</html>